<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<script src="../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
		<!-- 这里就是导入我们已经定义好的自定义组件 proto-element -->
		<link rel="import" href="my-input.html">
	</head>

	<body>
		<!--原始的是这样的-->
		<input type="text"  />
		<hr />
		<!--扩展之后的-->
		<input type="text" is="my-input" />
		<hr />
		<!--扩展之后的-->
		<script type="text/javascript">
			var ele1 = document.createElement("input","my-input");
			document.getElementsByTagName("body")[0].appendChild(ele1);
		</script>
	</body>

</html>